<template>
  <show-item :items="items" @change="change"></show-item>
  <h2>{{ show_message }}</h2>
</template>
<script>
import ShowItem from "./Component.vue";
export default {
  data() {
    return {
      items: ["衣服", "鞋子", "裤子"],
      show_message: "衣服页面",
    };
  },
  components: {
    ShowItem,
  },
  methods: {
    change(showMessage) {
      this.show_message = showMessage;
    },
  },
};
</script>
<style scoped>
</style>